<template>
  <div class="home">
    <div class="home-header">
      <router-view></router-view>
    </div>
    <div class="home-footer">
      <router-link to="/home/first">
        <van-icon name="wap-home-o" />首页
      </router-link>
      <router-link to="/home/room">
        <van-icon name="search" />找房
      </router-link>
      <router-link to="/home/my">
        <van-icon name="contact" />我的
      </router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.home {
  width: 100%;
  height: 100%;
  background: #eeeded;
}
.home-header {
  width: 100%;
  height: 92%;
  overflow: scroll;
}

.home-footer {
  width: 100%;
  height: 8%;
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
  background: #ffffff;
}
.home-footer a{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  font-size: 10px;
  color: rgb(141, 138, 138);
}
.home-footer a i{
  font-size: 25px;
}
.home-footer .router-link-active{
  color: rgb(26, 219, 26);
}
</style>
